<template>
	<view class="flex-r flex-start flex-fill">
		<!-- <view class="">
			<image class="wh25-25" mode="aspectFill" :src="pic(machine.pic)"></image>
			<status class="w100 tac round1 padtb1" :item="item.status"></status>
		</view> -->
		<view class="flex1 padlr1  fs8 lh2 c12 ofh">
			<view class="list-style-2">基础信息</view>
			<view class="flrc bdbda padtb1 mart2"><view class="flex1">维修状态：</view><view><status :item="item.status"></status></view></view>
			<view class="flrc bdbda padtb1"><text class="flex1">提报时间：</text><text>{{datetime(item.createAt)}}</text></view>
			<view class="flrc bdbda padtb1"><text class="flex1">开始时间：</text><text>{{datetime(item.startAt)}}</text></view>
			<view class="flrc bdbda padtb1"><text class="flex1">完成时间：</text><text>{{datetime(item.finishAt)}}</text></view>
			<view class="flrc bdbda padtb1"><text class="flex1">维修类别：</text><text>{{isnull(item.category)?'未设置':item.category.name}}</text></view>
			<view class="flrc bdbda padtb1"><text class="flex1">维修等级：</text><text>{{isnull(item.level)?'未设置':item.level.name}}</text></view>
			<view class="flrc bdbda padtb1"><text class="flex1">故障原因：</text><text>{{isnull(item.reason)?'未设置':item.reason.name}}</text></view>
			<view class="flrc bdbda padtb1"><text class="flex1">维修用时：</text><text>{{isnull(item.totalTime)?'-':item.totalTime}}分钟</text></view>
			<view class="flrc bdbda padtb1"><text class="flex1">停机时间：</text><text>{{isnull(item.stopTime)?'-':item.stopTime}}分钟</text></view>
			<view class="flrc bdbda padtb1"><text class="flex1">实施人员：</text><text>{{isnull(item.operator)?'未设置':item.operator.name}}</text></view>
			<view class="list-style-2 mart2">附件</view>
			<view v-for="url in item.pics" class="mart2">
				<image :src="pic(url)" mode="widthFix" class="w100"></image>
			</view>
		</view>
		<view class="flcc fs14 c12" v-show="showAngle">
			<text class="fa fa-angle-right"></text>
		</view>
		<ripple></ripple>
	</view>
</template>

<script>
	export default {
		props:{
			item:'',
			showAngle:{
				type:Boolean,
				default:true
			}
		},
		data() {
			return {
				machine:''
			}
		},
		methods: {
			
		},
		mounted() {
			this.machine = this.item.breakOrder.machine
			this.log(this.item)
		}
	}
</script>

<style>

</style>
